<template>
  <div>
    欢迎来到电商管理页面
    <div class="box">
      <div class="box2"></div>
    </div>

    <el-input v-model="value1" width="100px"><el-button slot="append"  icon="el-icon-document-copy"></el-button></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value1: '',
    }
  },
}
</script>

<style lang="scss" scoped>
.box {
  width: 300px;
  height: 300px;
  // border: 1px solid red;
  position: relative;
  > div {
    width: 100%;
    height: 100%;
    border: red 1px solid;
    &::after {
      content: '';
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 1px;
      height: 160px;
      background-color: #dfe0e2;
    }
    &::before {
      content: '';
      position: absolute;
      top: 46%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 1px;
      width: 240px;
      background-color: #dfe0e2;
    }
  }
}
</style>